<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>2</title>
    <meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">
    <!-- Loading Bootstrap -->
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../styles/2.css">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
    <script src="../bootstrap/js/html5shiv.min.js"></script>
    <script src="../bootstrap/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Start of navbar -->
<div class="navbar navbar-default navbar-fixed-top " role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
            </button>
            <a class="navbar-brand" href="#">嘉兴电厂网上订餐系统</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">我要订餐</a></li>
                <li><a href="#" class="glyphicon glyphicon-shopping-cart">购物车</a></li>
                <li><a href="#" class="glyphicon glyphicon-user">个人中心</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <button type="button" class="btn btn-default navbar-btn btn-success">登录</button>
                </li>
                <li>&nbsp;&nbsp;&nbsp;</li>
                <li>
                    <button type="button" class="btn btn-default navbar-btn btn-warning">注销</button>
                </li>
                <li>&nbsp;&nbsp;</li>
            </ul>
        </div>
        <!--/.nav-collapse -->
    </div>
</div>
<!--End of navbar-->

<div class="container">
    <!--start of meal-date-->
    <div class="row">
        <div class="col-md-12 meal-date">
            <h4>订餐日期&nbsp;&nbsp;<strong style="color:red;">今天（05月01日）</strong></h4>

            <p>
                <button type="button" class="btn btn-primary">今天（05月01日）</button>
                <button type="button" class="btn btn-success">明天（05月02日）</button>
                <button type="button" class="btn btn-warning">后天（05月03日）</button>
                <button type="button" class="btn btn-danger">05月04日</button>
                <button type="button" class="btn btn-warning">05月05日</button>
                <button type="button" class="btn btn-success">05月06日</button>
                <button type="button" class="btn btn-primary">05月07日</button>
            </p>
        </div>
    </div>
    <!--end of meal-date-->
    <div class="row">
        <div class="col-md-12 meal-type">
            <h4>订餐类型&nbsp;&nbsp;<strong style="color:red;">早餐</strong></h4>

            <p>
                <button type="button" class="btn btn-primary btn-lg">早餐</button>
                <button type="button" class="btn btn-success btn-lg">中餐</button>
                <button type="button" class="btn btn-warning btn-lg">晚餐</button>
                <button type="button" class="btn btn-danger btn-lg">点心</button>
            </p>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img alt="100%x200" style="height: 200px; width: 100%; display: block;" data-holder-rendered="true"
                     src="../images/1.jpeg">

                <div class="caption">
                    <h6 class="text-center lead">愤怒的烤肉饭</h6>


                    <div class="btn-group" role="group" aria-label="...">
                        <p><strong>12元</strong></p>
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>

                    </div>
                    <a class="btn btn-warning btn-block glyphicon glyphicon-shopping-cart">加入购物车</a>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img alt="100%x200" style="height: 200px; width: 100%; display: block;" data-holder-rendered="true"
                     src="../images/1.jpeg">

                <div class="caption">
                    <h6 class="text-center lead">愤怒的烤肉饭</h6>


                    <div class="btn-group" role="group" aria-label="...">
                        <p><strong>12元</strong></p>
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>

                    </div>
                    <a class="btn btn-warning btn-block glyphicon glyphicon-shopping-cart">加入购物车</a>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img alt="100%x200" style="height: 200px; width: 100%; display: block;" data-holder-rendered="true"
                     src="../images/1.jpeg">

                <div class="caption">
                    <h6 class="text-center lead">愤怒的烤肉饭</h6>


                    <div class="btn-group" role="group" aria-label="...">
                        <p><strong>12元</strong></p>
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>

                    </div>
                    <a class="btn btn-warning btn-block glyphicon glyphicon-shopping-cart">加入购物车</a>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img alt="100%x200" class="img-responsive" style="height: 200px; width: 100%; display: block;"
                     data-holder-rendered="true"
                     src="../images/1.jpeg">

                <div class="caption">
                    <h6 class="text-center lead">愤怒的烤肉饭</h6>


                    <div class="btn-group" role="group" aria-label="...">
                        <p><strong>12元</strong></p>
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>

                    </div>
                    <a class="btn btn-warning btn-block glyphicon glyphicon-shopping-cart">加入购物车</a>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img alt="100%x200" style="height: 200px; width: 100%; display: block;" data-holder-rendered="true"
                     src="../images/1.jpeg">

                <div class="caption">
                    <h6 class="text-center lead">愤怒的烤肉饭</h6>


                    <div class="btn-group" role="group" aria-label="...">
                        <p><strong>12元</strong></p>
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>

                    </div>
                    <a class="btn btn-warning btn-block glyphicon glyphicon-shopping-cart">加入购物车</a>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img alt="100%x200" style="height: 200px; width: 100%; display: block;" data-holder-rendered="true"
                     src="../images/1.jpeg">

                <div class="caption">
                    <h6 class="text-center lead">愤怒的烤肉饭</h6>


                    <div class="btn-group" role="group" aria-label="...">
                        <p><strong>12元</strong></p>
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>

                    </div>
                    <a class="btn btn-warning btn-block glyphicon glyphicon-shopping-cart">加入购物车</a>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img alt="100%x200" style="height: 200px; width: 100%; display: block;" data-holder-rendered="true"
                     src="../images/1.jpeg">

                <div class="caption">
                    <h6 class="text-center lead">愤怒的烤肉饭</h6>


                    <div class="btn-group" role="group" aria-label="...">
                        <p><strong>12元</strong></p>
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>

                    </div>
                    <a class="btn btn-warning btn-block glyphicon glyphicon-shopping-cart">加入购物车</a>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img alt="100%x200" style="height: 200px; width: 100%; display: block;" data-holder-rendered="true"
                     src="../images/1.jpeg">

                <div class="caption">
                    <h6 class="text-center lead">愤怒的烤肉饭</h6>


                    <div class="btn-group" role="group" aria-label="...">
                        <p><strong>12元</strong></p>
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>

                    </div>
                    <a class="btn btn-warning btn-block glyphicon glyphicon-shopping-cart">加入购物车</a>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img alt="100%x200" style="height: 200px; width: 100%; display: block;" data-holder-rendered="true"
                     src="../images/1.jpeg">

                <div class="caption">
                    <h6 class="text-center lead">愤怒的烤肉饭</h6>


                    <div class="btn-group" role="group" aria-label="...">
                        <p><strong>12元</strong></p>
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>

                    </div>
                    <a class="btn btn-warning btn-block glyphicon glyphicon-shopping-cart">加入购物车</a>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img alt="100%x200" style="height: 200px; width: 100%; display: block;" data-holder-rendered="true"
                     src="../images/1.jpeg">

                <div class="caption">
                    <h6 class="text-center lead">愤怒的烤肉饭</h6>


                    <div class="btn-group" role="group" aria-label="...">
                        <p><strong>12元</strong></p>
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>

                    </div>
                    <a class="btn btn-warning btn-block glyphicon glyphicon-shopping-cart">加入购物车</a>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img alt="100%x200" style="height: 200px; width: 100%; display: block;" data-holder-rendered="true"
                     src="../images/1.jpeg">

                <div class="caption">
                    <h6 class="text-center lead">愤怒的烤肉饭</h6>


                    <div class="btn-group" role="group" aria-label="...">
                        <p><strong>12元</strong></p>
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>

                    </div>
                    <a class="btn btn-warning btn-block glyphicon glyphicon-shopping-cart">加入购物车</a>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <img alt="100%x200" style="height: 200px; width: 100%; display: block;" data-holder-rendered="true"
                     src="../images/1.jpeg">

                <div class="caption">
                    <h6 class="text-center lead">愤怒的烤肉饭</h6>


                    <div class="btn-group" role="group" aria-label="...">
                        <p><strong>12</strong></p>
                        <button type="button" class="btn btn-default">-</button>
                        <input type="text" class="form-control" value="1">
                        <button type="button" class="btn btn-default">+</button>

                    </div>
                    <a class="btn btn-warning btn-block glyphicon glyphicon-shopping-cart">加入购物车</a>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="../bootstrap/js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
</body>
</html>
